<!doctype html>


<html>
<head>
  <link rel="shortcut icon" href="static/images/favicon.ico" type="image/x-icon">
  <title>AbstractDragDrop (Closure Library API Documentation - JavaScript)</title>
  <link rel="stylesheet" href="static/css/base.css">
  <link rel="stylesheet" href="static/css/doc.css">
  <link rel="stylesheet" href="static/css/sidetree.css">
  <link rel="stylesheet" href="static/css/prettify.css">

  <script>
     var _staticFilePath = "static/";
     var _typeTreeName = "goog";
     var _fileTreeName = "Source";
  </script>

  <script src="static/js/doc.js">
  </script>

  <script type="text/javascript" src="//www.google.com/jsapi"></script>
  <script type="text/javascript">
     google.load("visualization", "1", {packages:["orgchart"]});
     var _loadingVisualizations = true;
  </script>

  <meta charset="utf8">
</head>

<body onload="grokdoc.onLoad();">

<div id="header">
  <div class="g-section g-tpl-50-50 g-split">
    <div class="g-unit g-first">
      <a id="logo" href="index.html">Closure Library API Documentation</a>
    </div>

    <div class="g-unit">
      <div class="g-c">
        <strong>Go to class or file:</strong>
        <input type="text" id="ac">
      </div>
    </div>
  </div>
</div>





<div class="colmask rightmenu">
<div class="colleft">
    <div class="col1">
      <!-- Column 1 start -->

<div id="title">
        <span class="fn">fx.AbstractDragDrop</span>
        <span>Extends</span>
        <span class="fn-name">
          <a href="class_goog_events_EventTarget.html">
          goog.events.EventTarget
</a>
        </span>
</div>

<div class="g-section g-tpl-75-25">
  <div class="g-unit g-first" id="description">
    Abstract class that provides reusable functionality for implementing drag
and drop functionality.

This class also allows clients to define their own subtargeting function
so that drop areas can have finer granularity then a singe element. This is
accomplished by using a client provided function to map from element and
coordinates to a subregion id.

This class can also be made aware of scrollable containers that contain
drop targets by calling addScrollableContainer. This will cause dnd to
take changing scroll positions into account while a drag is occuring.


  </div>


        <div class="g-unit" id="useful-links">
          <div class="title">Useful links</div>
          <ol>
            <li><a href="local_closure_goog_fx_abstractdragdrop.js.source.html"><span class='source-code-link'>Source Code</span></a></li>
            <li><a href="http://code.google.com/p/closure-library/source/browse/local/closure/goog/fx/abstractdragdrop.js">Git</a></li>
          </ol>
        </div>
</div>






<h2 class="g-first">Inheritance</h2>
<div class='gviz-org-chart-container goog-inline-block'>
<table class='gviz-org-chart' style='display:none'>
  <tr><td><span class="type"><a href="class_goog_Disposable.html">goog.Disposable</a></span></td><td></td></tr>
  <tr><td><span class="type"><a href="class_goog_events_EventTarget.html">goog.events.EventTarget</a></span></td><td><span class="type"><a href="class_goog_Disposable.html">goog.Disposable</a></span></td></tr>
  <tr><td>goog.fx.AbstractDragDrop</td><td><span class="type"><a href="class_goog_events_EventTarget.html">goog.events.EventTarget</a></span></td></tr>
</table>
</div>
<div class='gviz-org-chart-container goog-inline-block'>
<table class='gviz-org-chart' style='display:none'>
      <tr><td><span class="type"><a href="class_goog_fx_DragDrop.html">goog.fx.DragDrop</a></span></td><td>goog.fx.AbstractDragDrop</td></tr>
      <tr><td><span class="type"><a href="class_goog_fx_DragDropGroup.html">goog.fx.DragDropGroup</a></span></td><td>goog.fx.AbstractDragDrop</td></tr>
  </table>
</div>




  <h2>Constructor</h2>
      <div class="fn-constructor">
    goog.fx.AbstractDragDrop(<span></span>)
  </div>



<h2>Instance Methods</h2>


  <div class="legend">
        <span class="key publickey"></span><span>Public</span>
        <span class="key protectedkey"></span><span>Protected</span>
        <span class="key privatekey"></span><span>Private</span>
  </div>







<div>
       <div class="desc">
         Defined in
         <span class="fn-name">
            <a href="class_goog_fx_AbstractDragDrop.html">
              goog.fx.AbstractDragDrop
            </a>
         </span>
       </div>






<div class="section">
  <table class="horiz-rule">


     <tr class="even entry private">
       <td class="access"></td>






  <td>
    <a name="goog.fx.AbstractDragDrop.prototype.addDragTarget_"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">addDragTarget_<span class="args">(<span class="arg">target</span>,&nbsp;<span class="arg">item</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Add possible drop target for current drag operation.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">target</span>
        : <span class="type"><a href="class_goog_fx_AbstractDragDrop.html">goog.fx.AbstractDragDrop</a></span>
        <div class="entryOverview">Drag handler.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">item</span>
        : <span class="type"><a href="class_goog_fx_DragDropItem.html">goog.fx.DragDropItem</a></span>
        <div class="entryOverview">Item that's being dragged.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_fx_abstractdragdrop.js.source.html#line871">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.fx.AbstractDragDrop.prototype.addItem"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">addItem<span class="args">(<span class="arg">element</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Add item to drag object.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span><span>&nbsp;|&nbsp;</span><span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
        <div class="entryOverview">Dom Node, or string representation of node
    id, to be used as drag source/drop target.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_fx_abstractdragdrop.js.source.html#line252">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.fx.AbstractDragDrop.prototype.addScrollableContainer"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">addScrollableContainer<span class="args">(<span class="arg">element</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Makes drag and drop aware of a target container that could scroll mid drag.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">The scroll container.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_fx_abstractdragdrop.js.source.html#line707">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.fx.AbstractDragDrop.prototype.addTarget"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">addTarget<span class="args">(<span class="arg">target</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Associate drop target with drag element.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">target</span>
        : <span class="type"><a href="class_goog_fx_AbstractDragDrop.html">goog.fx.AbstractDragDrop</a></span>
        <div class="entryOverview">Target to add.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_fx_abstractdragdrop.js.source.html#line260">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry protected">
       <td class="access"></td>






  <td>
    <a name="goog.fx.AbstractDragDrop.prototype.afterEndDrag"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">afterEndDrag<span class="args">(<span class="arg">opt_dropTarget</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Called after a drag operation has finished.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">opt_dropTarget</span>
        : <span class="type">goog.fx.DragDropItem=</span>
        <div class="entryOverview">Target for successful drop.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_fx_abstractdragdrop.js.source.html#line547">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry private">
       <td class="access"></td>






  <td>
    <a name="goog.fx.AbstractDragDrop.prototype.calculateTargetBox_"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">calculateTargetBox_<span class="args">(<span class="arg">box</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Calculate the outer bounds (the region all targets are inside).


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">box</span>
        : <span class="type"><a href="class_goog_math_Box.html">goog.math.Box</a></span>
        <div class="entryOverview">Box describing the position and dimension
    of a drag target.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_fx_abstractdragdrop.js.source.html#line915">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry private">
       <td class="access"></td>






  <td class="deprecated">
    <a name="goog.fx.AbstractDragDrop.prototype.cloneNode_"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">cloneNode_<span class="args">(<span class="arg">sourceEl</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
      </div>


     <div class="entryOverview">
       <span class="deprecatedMessage">Use goog.fx.Dragger.cloneNode().</span>
       Creates copy of node being dragged.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">sourceEl</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">Element to copy.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>&nbsp;
            The clone of <code> sourceEl</code>.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_fx_abstractdragdrop.js.source.html#line842">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry private">
       <td class="access"></td>






  <td>
    <a name="goog.fx.AbstractDragDrop.prototype.containerScrollHandler_"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">containerScrollHandler_<span class="args">(<span class="arg">e</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Event handler for containers scrolling.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">e</span>
        : <span class="type"><a href="class_goog_events_Event.html">goog.events.Event</a></span>
        <div class="entryOverview">The event.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_fx_abstractdragdrop.js.source.html#line726">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.fx.AbstractDragDrop.prototype.createDragElement"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">createDragElement<span class="args">(<span class="arg">sourceEl</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
      </div>


     <div class="entryOverview">
       Creates an element for the item being dragged.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">sourceEl</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">Drag source element.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>&nbsp;
            The new drag element.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_fx_abstractdragdrop.js.source.html#line790">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry protected">
       <td class="access"></td>






  <td>
    <a name="goog.fx.AbstractDragDrop.prototype.createDragElementInternal"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">createDragElementInternal<span class="args">(<span class="arg">sourceEl</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
      </div>


     <div class="entryOverview">
       Generates an element to follow the cursor during dragging, given a drag
source element.  The default behavior is simply to clone the source element,
but this may be overridden in subclasses.  This method is called by
<code> createDragElement()</code> before the drag class is added.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">sourceEl</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">Drag source element.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>&nbsp;
            The new drag element.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_fx_abstractdragdrop.js.source.html#line858">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry protected">
       <td class="access"></td>






  <td>
    <a name="goog.fx.AbstractDragDrop.prototype.createDraggerFor"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">createDraggerFor<span class="args">(<span class="arg">sourceEl</span>,&nbsp;<span class="arg">el</span>,&nbsp;<span class="arg">event</span>)</span>
        </span>
        &#8658; <span>!</span><span class="type"><a href="class_goog_fx_Dragger.html">goog.fx.Dragger</a></span>
      </div>


     <div class="entryOverview">
       Creates the Dragger for the drag element.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">sourceEl</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">Drag source element.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">el</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">the element created by createDragElement().</div>
     </td>
   </tr>
     
   <tr class="even">
     <td>
        <span class="entryName">event</span>
        : <span class="type"><a href="class_goog_events_BrowserEvent.html">goog.events.BrowserEvent</a></span>
        <div class="entryOverview">Mouse down event for start of drag.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span>!</span><span class="type"><a href="class_goog_fx_Dragger.html">goog.fx.Dragger</a></span>&nbsp;
            The new Dragger.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_fx_abstractdragdrop.js.source.html#line478">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry protected">
       <td class="access"></td>






  <td>
    <a name="goog.fx.AbstractDragDrop.prototype.disposeDrag"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">disposeDrag<span class="args">()</span>
        </span>
      </div>


     <div class="entryOverview">
       Called once a drag operation has finished. Removes event listeners and
elements.


     </div>

   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_fx_abstractdragdrop.js.source.html#line558">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.fx.AbstractDragDrop.prototype.disposeInternal"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">disposeInternal<span class="args">()</span>
        </span>
      </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>

   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_fx_abstractdragdrop.js.source.html#line1149">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry protected">
       <td class="access"></td>






  <td>
    <a name="goog.fx.AbstractDragDrop.prototype.disposeItem"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">disposeItem<span class="args">(<span class="arg">item</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Called when removing an item. Removes event listeners and classes.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">item</span>
        : <span class="type"><a href="class_goog_fx_DragDropItem.html">goog.fx.DragDropItem</a></span>
        <div class="entryOverview">Item to dispose.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_fx_abstractdragdrop.js.source.html#line323">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry private">
       <td class="access"></td>






  <td>
    <a name="goog.fx.AbstractDragDrop.prototype.disposeScrollableContainerListeners_"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">disposeScrollableContainerListeners_<span class="args">()</span>
        </span>
      </div>


     <div class="entryOverview">
       Cleans up the scrollable container listeners.

     </div>

   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_fx_abstractdragdrop.js.source.html#line693">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.fx.AbstractDragDrop.prototype.endDrag"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">endDrag<span class="args">(<span class="arg">event</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Event handler that's used to stop drag. Fires a drop event if over a valid
target.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">event</span>
        : <span class="type"><a href="class_goog_fx_DragEvent.html">goog.fx.DragEvent</a></span>
        <div class="entryOverview">Drag event.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_fx_abstractdragdrop.js.source.html#line495">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.fx.AbstractDragDrop.prototype.getDragElementPosition"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">getDragElementPosition<span class="args">(<span class="arg">el</span>,&nbsp;<span class="arg">dragEl</span>,&nbsp;<span class="arg">event</span>)</span>
        </span>
        &#8658; <span>!</span><span class="type"><a href="class_goog_math_Coordinate.html">goog.math.Coordinate</a></span>
      </div>


     <div class="entryOverview">
       Returns the position for the drag element.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">el</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">Drag source element.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">dragEl</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">The dragged element created by createDragElement().</div>
     </td>
   </tr>
     
   <tr class="even">
     <td>
        <span class="entryName">event</span>
        : <span class="type"><a href="class_goog_events_BrowserEvent.html">goog.events.BrowserEvent</a></span>
        <div class="entryOverview">Mouse down event for start of drag.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span>!</span><span class="type"><a href="class_goog_math_Coordinate.html">goog.math.Coordinate</a></span>&nbsp;
            The position for the drag element.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_fx_abstractdragdrop.js.source.html#line809">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.fx.AbstractDragDrop.prototype.getDragger"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">getDragger<span class="args">()</span>
        </span>
        &#8658; <span class="type"><a href="class_goog_fx_Dragger.html">goog.fx.Dragger</a></span>
      </div>


     <div class="entryOverview">
       Returns the dragger object.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="class_goog_fx_Dragger.html">goog.fx.Dragger</a></span>&nbsp;
            The dragger object used by this drag and drop
    instance.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_fx_abstractdragdrop.js.source.html#line829">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry protected">
       <td class="access"></td>






  <td>
    <a name="goog.fx.AbstractDragDrop.prototype.getElementBox"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">getElementBox<span class="args">(<span class="arg">item</span>,&nbsp;<span class="arg">element</span>)</span>
        </span>
        &#8658; <span>!</span><span class="type"><a href="class_goog_math_Box.html">goog.math.Box</a></span>
      </div>


     <div class="entryOverview">
       Calculates the position and dimension of a draggable element.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">item</span>
        : <span class="type"><a href="class_goog_fx_DragDropItem.html">goog.fx.DragDropItem</a></span>
        <div class="entryOverview">Item that's being dragged.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">element</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">The element to calculate the box.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span>!</span><span class="type"><a href="class_goog_math_Box.html">goog.math.Box</a></span>&nbsp;
            Box describing the position and dimension
    of element.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_fx_abstractdragdrop.js.source.html#line900">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry protected">
       <td class="access"></td>






  <td>
    <a name="goog.fx.AbstractDragDrop.prototype.getEventPosition"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">getEventPosition<span class="args">(<span class="arg">event</span>)</span>
        </span>
        &#8658; <span class="type"><a href="class_goog_math_Coordinate.html">goog.math.Coordinate</a></span>
      </div>


     <div class="entryOverview">
       Get the position of a drag event.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">event</span>
        : <span class="type"><a href="class_goog_fx_DragEvent.html">goog.fx.DragEvent</a></span>
        <div class="entryOverview">Drag event.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="class_goog_math_Coordinate.html">goog.math.Coordinate</a></span>&nbsp;
            Position of the event.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_fx_abstractdragdrop.js.source.html#line1141">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry protected">
       <td class="access"></td>






  <td>
    <a name="goog.fx.AbstractDragDrop.prototype.getScrollPos"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">getScrollPos<span class="args">()</span>
        </span>
        &#8658; <span>!</span><span class="type"><a href="class_goog_math_Coordinate.html">goog.math.Coordinate</a></span>
      </div>


     <div class="entryOverview">
       Gets the scroll distance as a coordinate object, using
the window of the current drag element's dom.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span>!</span><span class="type"><a href="class_goog_math_Coordinate.html">goog.math.Coordinate</a></span>&nbsp;
            Object with scroll offsets 'x' and 'y'.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_fx_abstractdragdrop.js.source.html#line1130">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry private">
       <td class="access"></td>






  <td>
    <a name="goog.fx.AbstractDragDrop.prototype.getTargetFromPosition_"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">getTargetFromPosition_<span class="args">(<span class="arg">position</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Object">Object</a></span>
      </div>


     <div class="entryOverview">
       Returns the target for a given cursor position.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">position</span>
        : <span class="type"><a href="class_goog_math_Coordinate.html">goog.math.Coordinate</a></span>
        <div class="entryOverview">Cursor position.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Object">Object</a></span>&nbsp;
            Target for position or null if no target was defined
    for the given position.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_fx_abstractdragdrop.js.source.html#line1086">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.fx.AbstractDragDrop.prototype.init"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">init<span class="args">()</span>
        </span>
      </div>


     <div class="entryOverview">
       Initialize drag and drop functionality for sources/targets already added.
Sources/targets added after init has been called will initialize themselves
one by one.

     </div>

   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_fx_abstractdragdrop.js.source.html#line282">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry protected">
       <td class="access"></td>






  <td>
    <a name="goog.fx.AbstractDragDrop.prototype.initItem"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">initItem<span class="args">(<span class="arg">item</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Initializes a single item.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">item</span>
        : <span class="type"><a href="class_goog_fx_DragDropItem.html">goog.fx.DragDropItem</a></span>
        <div class="entryOverview">Item to initialize.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_fx_abstractdragdrop.js.source.html#line300">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry private">
       <td class="access"></td>






  <td>
    <a name="goog.fx.AbstractDragDrop.prototype.initScrollableContainerListeners_"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">initScrollableContainerListeners_<span class="args">()</span>
        </span>
      </div>


     <div class="entryOverview">
       Sets up listeners for the scrollable containers that keep track of their
scroll positions.

     </div>

   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_fx_abstractdragdrop.js.source.html#line679">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.fx.AbstractDragDrop.prototype.isInitialized"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">isInitialized<span class="args">()</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
      </div>


     <div class="entryOverview">
       Whether the control has been initialized.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>&nbsp;
            True if it's been initialized.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_fx_abstractdragdrop.js.source.html#line240">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry protected">
       <td class="access"></td>






  <td class="deprecated">
    <a name="goog.fx.AbstractDragDrop.prototype.isInside"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">isInside<span class="args">(<span class="arg">x</span>,&nbsp;<span class="arg">y</span>,&nbsp;<span class="arg">box</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
      </div>


     <div class="entryOverview">
       <span class="deprecatedMessage">Use goog.math.Box.contains.</span>
       Checks whatever a given point is inside a given box.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">x</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span>
        <div class="entryOverview">Cursor position on the x-axis.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">y</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span>
        <div class="entryOverview">Cursor position on the y-axis.</div>
     </td>
   </tr>
     
   <tr class="even">
     <td>
        <span class="entryName">box</span>
        : <span class="type"><a href="class_goog_math_Box.html">goog.math.Box</a></span>
        <div class="entryOverview">Box to check position against.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>&nbsp;
            Whether the given point is inside <code> box</code>.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_fx_abstractdragdrop.js.source.html#line1116">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry private">
       <td class="access"></td>






  <td>
    <a name="goog.fx.AbstractDragDrop.prototype.maybeCreateDummyTargetForPosition_"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">maybeCreateDummyTargetForPosition_<span class="args">(<span class="arg">x</span>,&nbsp;<span class="arg">y</span>)</span>
        </span>
        &#8658; <span class="type"><a href="class_goog_fx_ActiveDropTarget_.html">goog.fx.ActiveDropTarget_</a></span>
      </div>


     <div class="entryOverview">
       Creates a dummy target for the given cursor position. The assumption is to
create as big dummy target box as possible, the only constraints are:
- The dummy target box cannot overlap any of real target boxes.
- The dummy target has to contain a point with current mouse coordinates.

NOTE: For performance reasons the box construction algorithm is kept simple
and it is not optimal (see example below). Currently it is O(n) in regard to
the number of real drop target boxes, but its result depends on the order
of those boxes being processed (the order in which they're added to the
targetList_ collection).

The algorithm.
a) Assumptions
- Mouse pointer is in the bounding box of real target boxes.
- None of the boxes have negative coordinate values.
- Mouse pointer is not contained by any of "real target" boxes.
- For targets inside a scrollable container, the box used is the
  intersection of the scrollable container's box and the target's box.
  This is because the part of the target that extends outside the scrollable
  container should not be used in the clipping calculations.

b) Outline
- Initialize the fake target to the bounding box of real targets.
- For each real target box - clip the fake target box so it does not contain
  that target box, but does contain the mouse pointer.
  -- Project the real target box, mouse pointer and fake target box onto
     both axes and calculate the clipping coordinates.
  -- Only one coordinate is used to clip the fake target box to keep the
     fake target as big as possible.
  -- If the projection of the real target box contains the mouse pointer,
     clipping for a given axis is not possible.
  -- If both clippings are possible, the clipping more distant from the
     mouse pointer is selected to keep bigger fake target area.
- Save the created fake target only if it has a big enough area.


c) Example
<pre class="lang-js prettyprint">
       Input:           Algorithm created box:        Maximum box:
+---------------------+ +---------------------+ +---------------------+
| B1      |        B2 | | B1               B2 | | B1               B2 |
|         |           | |   +-------------+   | |+-------------------+|
|---------x-----------| |   |             |   | ||                   ||
|         |           | |   |             |   | ||                   ||
|         |           | |   |             |   | ||                   ||
|         |           | |   |             |   | ||                   ||
|         |           | |   |             |   | ||                   ||
|         |           | |   +-------------+   | |+-------------------+|
| B4      |        B3 | | B4               B3 | | B4               B3 |
+---------------------+ +---------------------+ +---------------------+
</pre>
     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">x</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span>
        <div class="entryOverview">Cursor position on the x-axis.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">y</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span>
        <div class="entryOverview">Cursor position on the y-axis.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="class_goog_fx_ActiveDropTarget_.html">goog.fx.ActiveDropTarget_</a></span>&nbsp;
            Dummy drop target.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_fx_abstractdragdrop.js.source.html#line987">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.fx.AbstractDragDrop.prototype.maybeStartDrag"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">maybeStartDrag<span class="args">(<span class="arg">event</span>,&nbsp;<span class="arg">item</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Starts a drag event for an item if the mouse button stays pressed and the
cursor moves a few pixels. Allows dragging of items without first having to
register them with addItem.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">event</span>
        : <span class="type"><a href="class_goog_events_BrowserEvent.html">goog.events.BrowserEvent</a></span>
        <div class="entryOverview">Mouse down event.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">item</span>
        : <span class="type"><a href="class_goog_fx_DragDropItem.html">goog.fx.DragDropItem</a></span>
        <div class="entryOverview">Item that's being dragged.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_fx_abstractdragdrop.js.source.html#line359">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry private">
       <td class="access"></td>






  <td>
    <a name="goog.fx.AbstractDragDrop.prototype.moveDrag_"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">moveDrag_<span class="args">(<span class="arg">event</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Event handler for drag events. Determines the active drop target, if any, and
fires dragover and dragout events appropriately.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">event</span>
        : <span class="type"><a href="class_goog_fx_DragEvent.html">goog.fx.DragEvent</a></span>
        <div class="entryOverview">Drag event.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_fx_abstractdragdrop.js.source.html#line578">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.fx.AbstractDragDrop.prototype.recalculateDragTargets"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">recalculateDragTargets<span class="args">()</span>
        </span>
      </div>


     <div class="entryOverview">
       Recalculates the geometry of this source's drag targets.  Call this
if the position or visibility of a drag target has changed during
a drag, or if targets are added or removed.

TODO(user): this is an expensive operation;  more efficient APIs
may be necessary.

     </div>

   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_fx_abstractdragdrop.js.source.html#line428">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.fx.AbstractDragDrop.prototype.recalculateScrollableContainers"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">recalculateScrollableContainers<span class="args">()</span>
        </span>
      </div>


     <div class="entryOverview">
       Recalculates the current scroll positions of scrollable containers and
allocates targets. Call this if the position of a container changed or if
targets are added or removed.

     </div>

   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_fx_abstractdragdrop.js.source.html#line446">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.fx.AbstractDragDrop.prototype.removeAllScrollableContainers"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">removeAllScrollableContainers<span class="args">()</span>
        </span>
      </div>


     <div class="entryOverview">
       Removes all scrollable containers.

     </div>

   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_fx_abstractdragdrop.js.source.html#line715">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.fx.AbstractDragDrop.prototype.removeItems"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">removeItems<span class="args">()</span>
        </span>
      </div>


     <div class="entryOverview">
       Removes all items.

     </div>

   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_fx_abstractdragdrop.js.source.html#line343">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.fx.AbstractDragDrop.prototype.setDragClass"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">setDragClass<span class="args">(<span class="arg">className</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Set class to add to source elements being dragged.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">className</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
        <div class="entryOverview">Class to be added.  Must be a single, valid
    classname.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_fx_abstractdragdrop.js.source.html#line208">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.fx.AbstractDragDrop.prototype.setScrollTarget"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">setScrollTarget<span class="args">(<span class="arg">scrollTarget</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Sets the SCROLL event target to make drag element follow scrolling.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">scrollTarget</span>
        : <span class="type">EventTarget</span>
        <div class="entryOverview">The element that dispatches SCROLL events.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_fx_abstractdragdrop.js.source.html#line272">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.fx.AbstractDragDrop.prototype.setSourceClass"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">setSourceClass<span class="args">(<span class="arg">className</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Set class to add to source elements.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">className</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
        <div class="entryOverview">Class to be added.  Must be a single, valid
    classname.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_fx_abstractdragdrop.js.source.html#line219">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.fx.AbstractDragDrop.prototype.setSubtargetFunction"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">setSubtargetFunction<span class="args">(<span class="arg">f</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Set a function that provides subtargets. A subtargeting function
returns an arbitrary identifier for each subtarget of an element.
DnD code will generate additional drag over / out events when
switching from subtarget to subtarget. This is useful for instance
if you are interested if you are on the top half or the bottom half
of the element.
The provided function will be given the DragDropItem, box, x, y
box is the current window coordinates occupied by element
x, y is the mouse position in window coordinates


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">f</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Function">Function</a></span>
        <div class="entryOverview">The new subtarget function.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_fx_abstractdragdrop.js.source.html#line779">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.fx.AbstractDragDrop.prototype.setTargetClass"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">setTargetClass<span class="args">(<span class="arg">className</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Set class to add to target elements.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">className</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
        <div class="entryOverview">Class to be added.  Must be a single, valid
    classname.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_fx_abstractdragdrop.js.source.html#line230">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.fx.AbstractDragDrop.prototype.startDrag"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">startDrag<span class="args">(<span class="arg">event</span>,&nbsp;<span class="arg">item</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Event handler that's used to start drag.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">event</span>
        : <span class="type"><a href="class_goog_events_BrowserEvent.html">goog.events.BrowserEvent</a></span>
        <div class="entryOverview">Mouse move event.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">item</span>
        : <span class="type"><a href="class_goog_fx_DragDropItem.html">goog.fx.DragDropItem</a></span>
        <div class="entryOverview">Item that's being dragged.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_fx_abstractdragdrop.js.source.html#line370">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry private">
       <td class="access"></td>






  <td>
    <a name="goog.fx.AbstractDragDrop.prototype.suppressSelect_"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">suppressSelect_<span class="args">(<span class="arg">event</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
      </div>


     <div class="entryOverview">
       Event handler for suppressing selectstart events. Selecting should be
disabled while dragging.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">event</span>
        : <span class="type"><a href="class_goog_events_Event.html">goog.events.Event</a></span>
        <div class="entryOverview">The selectstart event to suppress.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>&nbsp;
            Whether to perform default behavior.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_fx_abstractdragdrop.js.source.html#line669">code &raquo;</a>
  </td>
     </tr>


  </table>
</div>
</div>

<div>
       <div class="desc">
         Defined in
         <span class="fn-name">
            <a href="class_goog_events_EventTarget.html">
              goog.events.EventTarget
            </a>
         </span>
       </div>






<div class="section">
  <table class="horiz-rule">


     <tr class="even entry public">
       <td class="access"></td>






  <td class="deprecated">
    <a name="goog.events.EventTarget.prototype.addEventListener"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">addEventListener<span class="args">(<span class="arg">type</span>,&nbsp;<span class="arg"></span>,&nbsp;<span class="arg">opt_capture</span>,&nbsp;<span class="arg">opt_handlerScope</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       <span class="deprecatedMessage">Use <code> #listen</code> instead, when possible. Otherwise, use
    <code> goog.events.listen</code> if you are passing Object
    (instead of Function) as handler.</span>
       Adds an event listener to the event target. The same handler can only be
added once per the type. Even if you add the same handler multiple times
using the same type then it will only be called once when the event is
dispatched.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">type</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
        <div class="entryOverview">The type of the event to listen for.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName"></span>
        : <span>?</span><span class="type">function(</span>)<span>:?</span><span>&nbsp;|&nbsp;</span><span>?</span><span class="type">{handleEvent:function(</span>)<span>:?</span>
        <div class="entryOverview"><span class='nodesc'>No description.</span></div>
     </td>
   </tr>
     
   <tr class="even">
     <td>
        <span class="entryName">opt_capture</span>
        : <span class="type">boolean=</span>
        <div class="entryOverview">In DOM-compliant browsers, this determines
    whether the listener is fired during the capture or bubble phase
    of the event.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">opt_handlerScope</span>
        : <span class="type">Object=</span>
        <div class="entryOverview">Object in whose scope to call
    the listener.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_events_eventtarget.js.source.html#line153">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry private">
       <td class="access"></td>






  <td>
    <a name="goog.events.EventTarget.prototype.assertInitialized_"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">assertInitialized_<span class="args">()</span>
        </span>
      </div>


     <div class="entryOverview">
       Asserts that the event target instance is initialized properly.

     </div>

   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_events_eventtarget.js.source.html#line332">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.events.EventTarget.prototype.dispatchEvent"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">dispatchEvent<span class="args">()</span>
        </span>
      </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>

   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_events_eventtarget.js.source.html#line184">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.events.EventTarget.prototype.disposeInternal"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">disposeInternal<span class="args">()</span>
        </span>
      </div>


     <div class="entryOverview">
       Removes listeners from this object.  Classes that extend EventTarget may
need to override this method in order to remove references to DOM Elements
and additional listeners.

     </div>

   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_events_eventtarget.js.source.html#line210">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.events.EventTarget.prototype.fireListeners"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">fireListeners<span class="args">()</span>
        </span>
      </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>

   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_events_eventtarget.js.source.html#line264">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.events.EventTarget.prototype.getListener"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">getListener<span class="args">()</span>
        </span>
      </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>

   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_events_eventtarget.js.source.html#line302">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.events.EventTarget.prototype.getListeners"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">getListeners<span class="args">()</span>
        </span>
      </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>

   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_events_eventtarget.js.source.html#line296">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.events.EventTarget.prototype.getParentEventTarget"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">getParentEventTarget<span class="args">()</span>
        </span>
        &#8658; <span class="type"><a href="class_goog_events_EventTarget.html">goog.events.EventTarget</a></span>
      </div>


     <div class="entryOverview">
       Returns the parent of this event target to use for bubbling.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="class_goog_events_EventTarget.html">goog.events.EventTarget</a></span>&nbsp;
            The parent EventTarget or null if
    there is no parent.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_events_eventtarget.js.source.html#line119">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.events.EventTarget.prototype.hasListener"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">hasListener<span class="args">()</span>
        </span>
      </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>

   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_events_eventtarget.js.source.html#line310">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.events.EventTarget.prototype.listen"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">listen<span class="args">()</span>
        </span>
      </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>

   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_events_eventtarget.js.source.html#line219">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.events.EventTarget.prototype.listenOnce"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">listenOnce<span class="args">()</span>
        </span>
      </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>

   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_events_eventtarget.js.source.html#line229">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.events.EventTarget.prototype.removeAllListeners"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">removeAllListeners<span class="args">()</span>
        </span>
      </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>

   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_events_eventtarget.js.source.html#line252">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td class="deprecated">
    <a name="goog.events.EventTarget.prototype.removeEventListener"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">removeEventListener<span class="args">(<span class="arg">type</span>,&nbsp;<span class="arg"></span>,&nbsp;<span class="arg">opt_capture</span>,&nbsp;<span class="arg">opt_handlerScope</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       <span class="deprecatedMessage">Use <code> #unlisten</code> instead, when possible. Otherwise, use
    <code> goog.events.unlisten</code> if you are passing Object
    (instead of Function) as handler.</span>
       Removes an event listener from the event target. The handler must be the
same object as the one added. If the handler has not been added then
nothing is done.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">type</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
        <div class="entryOverview">The type of the event to listen for.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName"></span>
        : <span>?</span><span class="type">function(</span>)<span>:?</span><span>&nbsp;|&nbsp;</span><span>?</span><span class="type">{handleEvent:function(</span>)<span>:?</span>
        <div class="entryOverview"><span class='nodesc'>No description.</span></div>
     </td>
   </tr>
     
   <tr class="even">
     <td>
        <span class="entryName">opt_capture</span>
        : <span class="type">boolean=</span>
        <div class="entryOverview">In DOM-compliant browsers, this determines
    whether the listener is fired during the capture or bubble phase
    of the event.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">opt_handlerScope</span>
        : <span class="type">Object=</span>
        <div class="entryOverview">Object in whose scope to call
    the listener.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_events_eventtarget.js.source.html#line177">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.events.EventTarget.prototype.setParentEventTarget"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">setParentEventTarget<span class="args">(<span class="arg">parent</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Sets the parent of this event target to use for capture/bubble
mechanism.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">parent</span>
        : <span class="type"><a href="class_goog_events_EventTarget.html">goog.events.EventTarget</a></span>
        <div class="entryOverview">Parent listenable (null if none).</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_events_eventtarget.js.source.html#line129">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.events.EventTarget.prototype.setTargetForTesting"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">setTargetForTesting<span class="args">(<span class="arg">target</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Sets the target to be used for <code> event.target</code> when firing
event. Mainly used for testing. For example, see
<code> goog.testing.events.mixinListenable</code>.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">target</span>
        : <span>!</span><span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Object">Object</a></span>
        <div class="entryOverview">The target.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_events_eventtarget.js.source.html#line323">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.events.EventTarget.prototype.unlisten"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">unlisten<span class="args">()</span>
        </span>
      </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>

   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_events_eventtarget.js.source.html#line238">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.events.EventTarget.prototype.unlistenByKey"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">unlistenByKey<span class="args">()</span>
        </span>
      </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>

   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_events_eventtarget.js.source.html#line246">code &raquo;</a>
  </td>
     </tr>


  </table>
</div>
</div>

<div>
       <div class="desc">
         Defined in
         <span class="fn-name">
            <a href="class_goog_Disposable.html">
              goog.Disposable
            </a>
         </span>
       </div>






<div class="section">
  <table class="horiz-rule">


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.Disposable.prototype.addOnDisposeCallback"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">addOnDisposeCallback<span class="args">(<span class="arg">callback</span>,&nbsp;<span class="arg">opt_scope</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Invokes a callback function when this object is disposed. Callbacks are
invoked in the order in which they were added.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">callback</span>
        : <span class="type">function(this:T</span>)<span>:?</span>
        <div class="entryOverview">The callback function.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">opt_scope</span>
        : <span class="type">T=</span>
        <div class="entryOverview">An optional scope to call the callback in.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_disposable_disposable.js.source.html#line211">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.Disposable.prototype.dispose"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">dispose<span class="args">()</span>
        </span>
        &#8658; <span class="type">void</span>
      </div>


     <div class="entryOverview">
       Disposes of the object. If the object hasn't already been disposed of, calls
<code> #disposeInternal</code>. Classes that extend <code> goog.Disposable</code> should
override <code> #disposeInternal</code> in order to delete references to COM
objects, DOM nodes, and other disposable objects. Reentrant.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type">void</span>&nbsp;
            Nothing.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_disposable_disposable.js.source.html#line172">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry protected">
       <td class="access"></td>






  <td>
    <a name="goog.Disposable.prototype.disposeInternal"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">disposeInternal<span class="args">()</span>
        </span>
      </div>


     <div class="entryOverview">
       Deletes or nulls out any references to COM objects, DOM nodes, or other
disposable objects. Classes that extend <code> goog.Disposable</code> should
override this method.
Not reentrant. To avoid calling it twice, it must only be called from the
subclass' <code> disposeInternal</code> method. Everywhere else the public
<code> dispose</code> method must be used.
For example:
<pre class="lang-js prettyprint">
  mypackage.MyClass = function() {
    goog.base(this);
    // Constructor logic specific to MyClass.
    ...
  };
  goog.inherits(mypackage.MyClass, goog.Disposable);

  mypackage.MyClass.prototype.disposeInternal = function() {
    // Dispose logic specific to MyClass.
    ...
    // Call superclass's disposeInternal at the end of the subclass's, like
    // in C++, to avoid hard-to-catch issues.
    goog.base(this, 'disposeInternal');
  };
</pre>
     </div>

   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_disposable_disposable.js.source.html#line245">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td class="deprecated">
    <a name="goog.Disposable.prototype.getDisposed"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">getDisposed<span class="args">()</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
      </div>


     <div class="entryOverview">
       <span class="deprecatedMessage">Use <code> #isDisposed</code> instead.</span>
       <span class='nodesc'>No description.</span>
     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>&nbsp;
            Whether the object has been disposed of.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_disposable_disposable.js.source.html#line160">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.Disposable.prototype.isDisposed"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">isDisposed<span class="args">()</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
      </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>&nbsp;
            Whether the object has been disposed of.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_disposable_disposable.js.source.html#line151">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.Disposable.prototype.registerDisposable"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">registerDisposable<span class="args">(<span class="arg">disposable</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Associates a disposable object with this object so that they will be disposed
together.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">disposable</span>
        : <span class="type"><a href="interface_goog_disposable_IDisposable.html">goog.disposable.IDisposable</a></span>
        <div class="entryOverview">that will be disposed when
    this object is disposed.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_disposable_disposable.js.source.html#line199">code &raquo;</a>
  </td>
     </tr>


  </table>
</div>
</div>




<h2>Instance Properties</h2>







<div>
       <div class="desc">
         Defined in
         <span class="fn-name">
            <a href="class_goog_fx_AbstractDragDrop.html">
              goog.fx.AbstractDragDrop
            </a>
         </span>
       </div>






<div class="section">
  <table class="horiz-rule">


     <tr class="even entry private">
       <td class="access"></td>





  <a name="goog.fx.AbstractDragDrop.prototype.activeSubtarget_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">activeSubtarget_</span>
        : 
     </div>


     <div class="entryOverview">
       Last active subtarget.

     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_fx_abstractdragdrop.js.source.html#line129">Code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>





  <a name="goog.fx.AbstractDragDrop.prototype.constructor"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">constructor</span>
        : 
     </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_fx_abstractdragdrop.js.source.html#line60">Code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry private">
       <td class="access"></td>





  <a name="goog.fx.AbstractDragDrop.prototype.dragClass_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">dragClass_</span>
        : 
     </div>


     <div class="entryOverview">
       Class name to add to source elements being dragged. Set by setDragClass.

     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_fx_abstractdragdrop.js.source.html#line137">Code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry private">
       <td class="access"></td>





  <a name="goog.fx.AbstractDragDrop.prototype.dummyTarget_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">dummyTarget_</span>
        : <span class="type"><a href="class_goog_fx_ActiveDropTarget_.html">goog.fx.ActiveDropTarget_</a></span>
     </div>


     <div class="entryOverview">
       Dummy target, .

     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_fx_abstractdragdrop.js.source.html#line169">Code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry private">
       <td class="access"></td>





  <a name="goog.fx.AbstractDragDrop.prototype.initialized_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">initialized_</span>
        : 
     </div>


     <div class="entryOverview">
       Whether the object has been initialized.

     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_fx_abstractdragdrop.js.source.html#line177">Code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry private">
       <td class="access"></td>





  <a name="goog.fx.AbstractDragDrop.prototype.isSource_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">isSource_</span>
        : 
     </div>


     <div class="entryOverview">
       Flag indicating if it's a drag source, set by addTarget.

     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_fx_abstractdragdrop.js.source.html#line103">Code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry private">
       <td class="access"></td>





  <a name="goog.fx.AbstractDragDrop.prototype.isTarget_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">isTarget_</span>
        : 
     </div>


     <div class="entryOverview">
       Flag indicating if it's a drop target, set when added as target to another
DragDrop object.

     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_fx_abstractdragdrop.js.source.html#line112">Code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry private">
       <td class="access"></td>





  <a name="goog.fx.AbstractDragDrop.prototype.items_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">items_</span>
        : 
     </div>


     <div class="entryOverview">
       List of items that makes up the drag source or drop target.

     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_fx_abstractdragdrop.js.source.html#line69">Code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry private">
       <td class="access"></td>





  <a name="goog.fx.AbstractDragDrop.prototype.scrollTarget_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">scrollTarget_</span>
        : 
     </div>


     <div class="entryOverview">
       The SCROLL event target used to make drag element follow scrolling.

     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_fx_abstractdragdrop.js.source.html#line161">Code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry private">
       <td class="access"></td>





  <a name="goog.fx.AbstractDragDrop.prototype.scrollableContainers_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">scrollableContainers_</span>
        : 
     </div>


     <div class="entryOverview">
       Scrollable containers to account for during drag

     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_fx_abstractdragdrop.js.source.html#line83">Code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry private">
       <td class="access"></td>





  <a name="goog.fx.AbstractDragDrop.prototype.sourceClass_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">sourceClass_</span>
        : 
     </div>


     <div class="entryOverview">
       Class name to add to source elements. Set by setSourceClass.

     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_fx_abstractdragdrop.js.source.html#line145">Code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry private">
       <td class="access"></td>





  <a name="goog.fx.AbstractDragDrop.prototype.subtargetFunction_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">subtargetFunction_</span>
        : 
     </div>


     <div class="entryOverview">
       Subtargeting function accepting args:
(goog.fx.DragDropItem, goog.math.Box, number, number)

     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_fx_abstractdragdrop.js.source.html#line121">Code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry private">
       <td class="access"></td>





  <a name="goog.fx.AbstractDragDrop.prototype.targetClass_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">targetClass_</span>
        : 
     </div>


     <div class="entryOverview">
       Class name to add to target elements. Set by setTargetClass.

     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_fx_abstractdragdrop.js.source.html#line153">Code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry private">
       <td class="access"></td>





  <a name="goog.fx.AbstractDragDrop.prototype.targets_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">targets_</span>
        : 
     </div>


     <div class="entryOverview">
       List of associated drop targets.

     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_fx_abstractdragdrop.js.source.html#line76">Code &raquo;</a>
  </td>
     </tr>


  </table>
</div>
</div>

<div>
       <div class="desc">
         Defined in
         <span class="fn-name">
            <a href="class_goog_events_EventTarget.html">
              goog.events.EventTarget
            </a>
         </span>
       </div>






<div class="section">
  <table class="horiz-rule">


     <tr class="even entry private">
       <td class="access"></td>





  <a name="goog.events.EventTarget.prototype.actualEventTarget_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">actualEventTarget_</span>
        : <span class="type"><a href="class_goog_events_EventTarget.html">goog.events.EventTarget</a></span>
     </div>


     <div class="entryOverview">
       The object to use for event.target. Useful when mixing in an
EventTarget to another object.

     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_events_eventtarget.js.source.html#line84">Code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>





  <a name="goog.events.EventTarget.prototype.constructor"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">constructor</span>
        : 
     </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_events_eventtarget.js.source.html#line70">Code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry private">
       <td class="access"></td>





  <a name="goog.events.EventTarget.prototype.eventTargetListeners_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">eventTargetListeners_</span>
        : <span class="type"><a href="class_goog_events_ListenerMap.html">goog.events.ListenerMap</a></span>
     </div>


     <div class="entryOverview">
       Maps of event type to an array of listeners.

     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_events_eventtarget.js.source.html#line77">Code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry private">
       <td class="access"></td>





  <a name="goog.events.EventTarget.prototype.parentEventTarget_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">parentEventTarget_</span>
        : <span class="type"><a href="class_goog_events_EventTarget.html">goog.events.EventTarget</a></span>
     </div>


     <div class="entryOverview">
       Parent event target, used during event bubbling.

TODO(user): Change this to goog.events.Listenable. This
currently breaks people who expect getParentEventTarget to return
goog.events.EventTarget.


     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_events_eventtarget.js.source.html#line109">Code &raquo;</a>
  </td>
     </tr>


  </table>
</div>
</div>

<div>
       <div class="desc">
         Defined in
         <span class="fn-name">
            <a href="class_goog_Disposable.html">
              goog.Disposable
            </a>
         </span>
       </div>






<div class="section">
  <table class="horiz-rule">


     <tr class="even entry public">
       <td class="access"></td>





  <a name="goog.Disposable.prototype.creationStack"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">creationStack</span>
        : 
     </div>


     <div class="entryOverview">
       If monitoring the goog.Disposable instances is enabled, stores the creation
stack trace of the Disposable instance.

     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_disposable_disposable.js.source.html#line144">Code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry private">
       <td class="access"></td>





  <a name="goog.Disposable.prototype.disposed_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">disposed_</span>
        : 
     </div>


     <div class="entryOverview">
       Whether the object has been disposed of.

     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_disposable_disposable.js.source.html#line128">Code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry private">
       <td class="access"></td>





  <a name="goog.Disposable.prototype.onDisposeCallbacks_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">onDisposeCallbacks_</span>
        : 
     </div>


     <div class="entryOverview">
       Callbacks to invoke when this object is disposed.

     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_disposable_disposable.js.source.html#line136">Code &raquo;</a>
  </td>
     </tr>


  </table>
</div>
</div>










<div class="section">
  <table class="horiz-rule">


  </table>
</div>



<h2>Static Properties</h2>






<div class="section">
  <table class="horiz-rule">


     <tr class="even entry private">
       <td class="access"></td>





  <a name="goog.fx.AbstractDragDrop.DUMMY_TARGET_MIN_SIZE_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.fx.AbstractDragDrop.</span><span class="entryName">DUMMY_TARGET_MIN_SIZE_</span>
        : 
     </div>


     <div class="entryOverview">
       Minimum size (in pixels) for a dummy target. If the box for the target is
less than the specified size it's not created.

     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_fx_abstractdragdrop.js.source.html#line95">Code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>





  <a name="goog.fx.AbstractDragDrop.EventType"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.fx.AbstractDragDrop.</span><span class="entryName">EventType</span>
        : 
     </div>


     <div class="entryOverview">
       Constants for event names

     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_fx_abstractdragdrop.js.source.html#line184">Code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>





  <a name="goog.fx.AbstractDragDrop.initDragDistanceThreshold"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.fx.AbstractDragDrop.</span><span class="entryName">initDragDistanceThreshold</span>
        : 
     </div>


     <div class="entryOverview">
       Constant for distance threshold, in pixels, an element has to be moved to
initiate a drag operation.

     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_fx_abstractdragdrop.js.source.html#line199">Code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry private">
       <td class="access"></td>





  <a name="goog.fx.AbstractDragDrop.superClass_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.fx.AbstractDragDrop.</span><span class="entryName">superClass_</span>
        : 
     </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_fx_abstractdragdrop.js.source.html#line60">Code &raquo;</a>
  </td>
     </tr>


  </table>
</div>









<div class="section">
  <table class="horiz-rule">


  </table>
</div>
      <!-- Column 1 end -->
    </div>

        <div class="col2">
          <!-- Column 2 start -->
          <div class="col2-c">
            <h2 id="ref-head">Package fx</h2>
            <div id="localView"></div>
          </div>

          <div class="col2-c">
            <h2 id="ref-head">Package Reference</h2>
            <div id="sideTypeIndex" rootPath="" current="fx.AbstractDragDrop"></div>
          </div>
          <!-- Column 2 end -->
        </div>
</div>
</div>

</body>
</html>
